.card-wrap ::v-deep .ant-card-head-title
  overflow: visible

.card-wrap ::v-deep
  .ant-card-grid
    width: 33.33%
    height: 150px

.card
  margin-bottom: 16px

  .card-title
    display: flex
    flex-direction: row
    align-items: center
    font-weight: bold
    color: #4A5361

    .title-icon
      border-left: 4px solid #4181FF
      height: 16px
      margin: 0 8px 0 -12px

  .title-link
    display: flex
    align-items: center

    .link-icon
      margin: 1px 0 0 8px
      font-size: 12px

.profile-num-wrap
  width: 70px

.profile-divider
  margin: 0 0 0 16px
  height: 64px

.profile-number
  font-family: sans-serif
  font-size: 28px
  color: #4181FF

.card-message ::v-deep
  .ant-card-body
    padding-bottom: 0
  .message-wrap
    margin-bottom: 8px
    height: 56px
    &:last-child
      margin-bottom: unset
      .message-border
        border: none
    .message-border
      border-bottom: 1px solid #E3E8F0
      padding-bottom: 16px

.card-wrap ::v-deep .grid-item
  padding: 0
  .item-cell
    display: flex
    flex-direction: column
    padding: 16px
    height: 100%
    justify-content: space-between
    color: #4a5361
    &:hover
      .title-text
        color: #4181FF

  .item-title
    display: flex
    align-items: center
    .title-circle
      width: 28px
      height: 28px
      background: rgba(89,141,243,1)
      border-radius: 50%
      display: inline-block
      text-align: center
    .title-icon
      color: #fff
      font-size: 12px
    .title-text
      margin: 0 0 0 4px
      font-weight: bold

  .item-content
    margin: 4px 0 0
    font-size: 12px
    color: #7F899A
